const colors = {
  transparent: 'transparent',
  current: 'currentColor',
  black: '#000',
  white: '#fff',
  primary: '#1a72ff',
  secondary: '#7425f3',
  tertiary: '#fe9e4d',
  success: '#3ea76a',
  warning: '#ffc61a',
  error: '#dd3b4b',

  whiteAlpha: {
    50: 'rgba(255, 255, 255, 0.04)',
    100: 'rgba(255, 255, 255, 0.06)',
    200: 'rgba(255, 255, 255, 0.08)',
    300: 'rgba(255, 255, 255, 0.16)',
    400: 'rgba(255, 255, 255, 0.24)',
    500: 'rgba(255, 255, 255, 0.36)',
    600: 'rgba(255, 255, 255, 0.48)',
    700: 'rgba(255, 255, 255, 0.64)',
    800: 'rgba(255, 255, 255, 0.80)',
    900: 'rgba(255, 255, 255, 0.92)'
  },
  blackAlpha: {
    50: 'rgba(0, 0, 0, 0.04)',
    100: 'rgba(0, 0, 0, 0.06)',
    200: 'rgba(0, 0, 0, 0.08)',
    300: 'rgba(0, 0, 0, 0.16)',
    400: 'rgba(0, 0, 0, 0.24)',
    500: 'rgba(0, 0, 0, 0.36)',
    600: 'rgba(0, 0, 0, 0.48)',
    700: 'rgba(0, 0, 0, 0.64)',
    800: 'rgba(0, 0, 0, 0.80)',
    900: 'rgba(0, 0, 0, 0.92)'
  },
  gray: {
    50: '#F7FAFC',
    100: '#EDF2F7',
    200: '#E2E8F0',
    300: '#CBD5E0',
    400: '#A0AEC0',
    500: '#718096',
    600: '#4A5568',
    700: '#2D3748',
    800: '#1A202C',
    900: '#171923'
  },
  cyan: {
    50: '#EDFDFD',
    100: '#C4F1F9',
    200: '#9DECF9',
    300: '#76E4F7',
    400: '#0BC5EA',
    500: '#00B5D8',
    600: '#00A3C4',
    700: '#0987A0',
    800: '#086F83',
    900: '#065666'
  },
  vue: {
    50: '#e1fbf0',
    100: '#c0ecda',
    200: '#9edfc2',
    300: '#79d0aa',
    400: '#55c392',
    500: '#3caa79',
    600: '#2d845e',
    700: '#1d5e42',
    800: '#0c3a26',
    900: '#001508'
  },
  green: {
    50: '#e2fbed',
    100: '#c2ebd4',
    200: '#9fddb9',
    300: '#7ccf9e',
    400: '#58c184',
    500: '#3ea76a',
    600: '#2e8251',
    700: '#1f5d3a',
    800: '#0f3921',
    900: '#001506'
  },
  orange: {
    50: '#ffefdc',
    100: '#ffd4ae',
    200: '#ffba7f',
    300: '#fe9e4d',
    400: '#fd821b',
    500: '#e46902',
    600: '#b25100',
    700: '#7f3900',
    800: '#4e2200',
    900: '#1f0900'
  },
  red: {
    50: '#ffe5e9',
    100: '#f9bcc2',
    200: '#ee919a',
    300: '#e66673',
    400: '#dd3b4b',
    500: '#c42231',
    600: '#991826',
    700: '#6e101a',
    800: '#44070e',
    900: '#1e0001'
  },
  yellow: {
    50: '#fff9da',
    100: '#ffecad',
    200: '#ffdf7d',
    300: '#ffd24b',
    400: '#ffc61a',
    500: '#e6ac00',
    600: '#b38600',
    700: '#806000',
    800: '#4e3900',
    900: '#1d1300'
  },
  indigo: {
    50: '#f2e5ff',
    100: '#d2b5ff',
    200: '#b285fa',
    300: '#9356f7',
    400: '#7425f3',
    500: '#5a0cda',
    600: '#4608aa',
    700: '#32057b',
    800: '#1e024c',
    900: '#0c001e'
  },
  pink: {
    50: '#fff5f7',
    100: '#fed7e2',
    200: '#fbb6ce',
    300: '#f687b3',
    400: '#ed64a6',
    500: '#d53f8c',
    600: '#b83280',
    700: '#97266d',
    800: '#702459',
    900: '#521B41'
  },
  blue: {
    50: '#def0ff',
    100: '#afd0ff',
    200: '#7db1ff',
    300: '#4b91ff',
    400: '#1a72ff',
    500: '#0058e6',
    600: '#0045b4',
    700: '#003182',
    800: '#001d51',
    900: '#000a21'
  }
}

export default colors
